﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    
</head>
<body>
    <table id="tbspeed"></table>
    <div id="pagerspeed"></div>
    
    <script type="text/javascript">
        $(function () {
        
            jQuery("#tbspeed").jqGrid({
                url: 'Services/DefinedSpeed.ashx',
                datatype: "json",
                colNames: ['Loại xe', 'Vận tốc tối đa'],
                colModel: [
   		        { name: 'LX', index: 'LX', editable: true, sorttype: 'int' },
   		        { name: 'Speed', editable: true, index: 'Speed' }

   	    ],
                //rowNum: 10,
                //rowTotal: 50,
                //rowList: [10, 20, 30],
                //$('#editmodtbspeed').css('z-index', 99999);
                //$('#delmodtbspeed').css('z-index', 99999);
                gridComplete: function () {

                },
                onPaging: function (pgButton) {
                    alert(pgButton);
                },
                autowidth: true,
                pager: '#pagerspeed',
                rownumbers: true,
                sortname: 'LX',
                loadonce: true,
                viewrecords: true,
                sortorder: "desc",
                editurl: 'Services/DefinedSpeed.ashx', // this is dummy existing url
                caption: "Định nghĩa vận tốc cho từng phương tiện"
            });
            jQuery("#tbspeed").jqGrid('navGrid', '#pagerspeed', { edit: true, add: true, del: true, search: false });
            //jQuery("#tbspeed").jqGrid('inlineNav', "#pagerspeed");
        });
    
    </script>

</body>

</html>
